@charset "utf-8";
 body{font-family: '微软雅黑';font-size:14px;}
  a{font-family: '微软雅黑'}

 .container{
    width:1200px;
    min-width: 1200px;
    margin:0 auto;
 }
 .clear{clear:both;}
/*顶部导航*/
.header{
    width:100%;
    height:90px;
    background-color:#fff;
    
}
.header .h_logo{
    display: inline-block;
    line-height: 90px;
    float:left;
}

.header .nav-top{
    display: inline-block;
     margin-left: 40px;
   float:left;
   position: relative;
}


.header .nav-top ul{
    display: inline-block;
    float: left;
   
}
.header .nav-top .nav li{float:left;}
.header .nav-top .nav li a{
    display: inline-block;
    height:90px;
    margin:0 20px;
    font-size:16px;
    text-align: center;
    line-height: 90px;
    color:#000;
}
.header .nav-top li a:hover{color:#00a460;}
.intro-down{
    position: relative;
    top:-20px;
    z-index: 100;

}
.intro-down .d_tap{
    display: inline-block;
    width:416px;
    padding:20px 38px;
    top:90px;
    box-shadow: 1px -1px 5px #aaa;
    position: absolute;
    z-index: 100;
    background: #fff;
    display: none;
}
.intro-down .d_tap:nth-child(1){
    left:0;
}.intro-down .d_tap:nth-child(2){
    left:100px;
}.intro-down .d_tap:nth-child(3){
    left:230px;
}


.intro-down .sanjiao{
    display: inline-block;
    width:20px;
    height:20px;
    position: absolute;
    top:-16px;
    background-image:url(../images/bg-icon.png);
    background-position: 0px -49px;
}
.intro-down .title{
    width:100%;
    font-size:18px;
    font-weight:600;
}
.intro-down .title a{
    font-size:18px;
    font-weight:600;
    color: #000;
}
.intro-down .title span{
    color:#00a460;
    font-weight: normal;
}
.intro-down .content{
    width:100%;
    margin-top:20px;
    border-top:1px solid #dcdcdc;

}
.intro-down ul{
    display: inline-block;
    float:left;
    margin-right:10px;
}
.intro-down .content a{
    display: inline-block;
    width:120px;
    padding-top:14px;
    font-size:14px;
    color:#7f7f7f;
}

.header .newshop{
    display: inline-block;
    float: right;
    height: 90px;
    line-height: 90px;
    text-align: center;
    margin-right: 36px;
}
.header .newshop a{color: #000;}
.header i{
    display: inline-block;
    width:20px;
    height:20px;
    background-image: url('../images/bg-icon.png');
    background-position: 0px -22px;

}

.header .user{
    display: inline-block;
    float:right;
    height: 90px;
    text-align: center;
    line-height: 90px;
    position: relative;
}
.header .user a{padding:0 10px;color:#000;}

 
 /*------banner轮播-------*/
 .banner{
    width:100%;
 }
 #box .search{
    display: inline-block;
    position: absolute;
    left: 50%;
    margin-left:-372px;
    bottom:110px;
    height:68px;
    background: red;
    z-index:99;

 }
 #box .search .s_input{
    display: inline-block;
    float: left;
    width:612px;
    height:68px;
    padding-left:26px;
    line-height: 60px;
    border: 0px;
    font-size:18px;
    font-family: '微软雅黑';
    outline: none;
    position: relative; 
 }
 #box .search .s_input:focus{}
 #box .search .s_btn{
    float: left;
    display: inline-block;
    width:104px;
    height:68px;
    background:#00a460; 
    line-height: 68px;
    text-align: center;
    border: 1px solid #00a460;
 }
 #box .search .s_icon:hover{
    background: #00b369;
 }

#box .search .input-down{
    display: inline-block;
    position: absolute;
    top:69px;
    left:50%;
    width:637px;
    border:1px solid #00a460;
    margin-left:-372px;
    background: #fff;
    display: none;

}
.search .history{
    padding-left:26px;
    border-bottom:1px solid #e2e2e2;
    padding-bottom:15px;
}
.search .history p{margin:10px 0;}
.search .history a{
    display: inline-block;
    padding:5px 10px;
    background: #f6f6f6;
    border: 1px solid #e2e2e2;
    margin-right:8px;
    margin-bottom
}
.search .all-search{
    
}
.search .all-search p{margin:10px 0 10px 26px;}
.search .all-search li{
    display: inline-block;
    width:100%;
    height: 35px;
    line-height: 35px;
}
.search .all-search li:hover{
    background: #EBEBEB;
}
.search .all-search li .number{
    display: inline-block;
    width:18px;
    height: 18px;
    border-radius: 5px;
    background:#bcc2c4;
    color:#fff;
    text-align: center;
    line-height: 18px;
    margin-left:20px;
    margin-right:20px;
}
.search .all-search li:nth-of-type(1) .number{
    background:#ff6214;
}
.search .all-search li:nth-of-type(2) .number{
    background:#ff6214;
}
.search .all-search li:nth-of-type(3) .number{
    background:#ff6214;
}
.search .all-search li a{
    color:#b2b2b2;
}
.search .all-search li .s_result{
    float: right;
    margin-right:10px;
    color:#b2b2b2;
}



 /*------*/
 .middle{
    width:100%;
    height:54px;
    background: #fff;
    color:#7f7f7f;
 }
 .m_left{
    display: inline-block;
    height:54px;
    float: left;
     
 }

 .m_left .vip{
    display: inline-block;
    width:auto;
    height:54px;
    margin-left:40px;
    text-align: center;
    line-height: 54px;
    
 }
 .m_left  span{color:#ff7200;}
 .m_left .works{
    display: inline-block;
    width:auto;
    height:54px;
    margin-left:28px;
    text-align: center;
    line-height: 54px;
 }
 .m_right{
    display: inline-block;
    float:right;
    width:auto;
    height: 54px;
    text-align: center;
    line-height: 54px;
     
 }
 .m_right .m_tip{
    display: inline-block;
    width:auto;
    height:54px;
    margin-left:38px;
    line-height: 54px;
    vertical-align: bottom;
 }
 .m_right .m_tip .icon{
    display: inline-block;
    width:24px;
    height: 24px;
    background: url(../images/bg-icon.png);
    vertical-align: middle;

 }
 .m_right .m_tip:nth-child(1) .icon{
    background-position: 0 -70px;
 }
 .m_right .m_tip:nth-child(2) .icon{
    background-position: 0 -104px;
 }
 .m_right .m_tip:nth-child(3) .icon{
    background-position: 0 -132px;
 }
 .m_right .m_tip:nth-child(4) .icon{
    background-position: 0 -162px;
 }
 /*-----content------*/
.maincontent{
    background: #f1f2f3;
    border: 1px solid transparent; 
}
.kinds{height: 126px;border:1px solid transparent;margin-bottom: 20px;}
.kinds a{
    display: inline-block;
    width:192px;
    height:106px;
    margin:20px 8px 20px 0;
    float:left;
    text-align: center;
    color:#00a460;
    font-size: 20px;
    background: #fff;
    
}
.kinds a:last-child{margin-right: 0;}
.kinds a:hover{
    background: #38AE6E;
    color:#fff;
}
.kinds a i{
    margin:28px auto 10px;
    display: block;
    width:28px;
    height:26px;
    background:url(../images/bg-icon.png)
}
.kinds a:nth-child(1) i{
    background-position: -33px 2px;
}
.kinds a:nth-child(2) i{
    background-position: -33px -20px;
}
.kinds a:nth-child(3) i{
    background-position: -33px -56px;
}
.kinds a:nth-child(4) i{
    background-position: -37px -86px;
}
.kinds a:nth-child(5) i{
    background-position: -33px -117px;
}
.kinds a:nth-child(6) i{
    background-position: -33px -146px;
}
.kinds a:nth-child(1):hover i{
    background-position: -69px 2px;
}
.kinds a:nth-child(2):hover i{
    background-position: -70px -20px;
}
.kinds a:nth-child(3):hover i{
    background-position: -70px -56px;
}
.kinds a:nth-child(4):hover i{
    background-position: -70px -86px;
}
.kinds a:nth-child(5):hover i{
    background-position: -70px -117px;
}
.kinds a:nth-child(6):hover i{
    background-position: -70px -146px;
}

section {background: #fff;border:1px solid transparent;overflow: hidden;margin-bottom: 34px;}
section .pro_title{
    width:auto;
    height:26px;
    margin:28px 0 32px 24px;
    
    font-size:20px;
}
.pro_title i{
    display: inline-block;
    width:26px;
    height:26px;
    background:url(../images/bg-icon.png);
    background-position: -34px -192px;
    vertical-align: top;
}
.pro_content {
    margin-left:22px;
}
.pro_content .pro_item{
    display: inline-block;
    float: left;
    width:272px;
    height:182px;
    margin-right:22px;
    margin-bottom: 34px;
    position:relative;
    overflow: hidden;
}

.pro_content .pro_item:hover .mask{
    top:0;
    transition: all 0.5s;
}
.pro_item .mask{
    position: absolute;
    z-index: 99;
    top:138px;
    width:272px;
    height:182px;
    background: rgba(0,0,0,0.5);
     
    transition: all 0.5s;
    text-align: center;
}
.pro_item .mask .cap{
    margin-top: 15px;
    width:auto;
    font-size: 16px;
    color:#fff;
    transition: all 0.5s;
}
.pro_item .mask:hover .cap{
    margin-top: 64px;
    transition: all 0.5s;
}
.pro_item .mask .look{
    display: inline-block;
    width:92px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #fff;
    background: #00b369;
    border-radius: 2px;
    margin-top:16px;
}
.pro_item .mask .look:hover{
    background: #00A460;
}
/*-----注册登录----------*/
.main-mask{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.5);
    z-index: 999;
    display: none;
}
.reg_page{
    display: inline-block;
    position: absolute;
    width:568px;
    left:50%;
    top:30%;
    margin-left:-234px;
    
    background: #fff;
    z-index:1000;
    display: none;
}
.reg_page .reg-title{
    position: relative;
    text-align: center;
    line-height: ;
}
.reg_page .reg-title img{
    margin-top: 30px;
}
.reg_page .reg-title a{
    position: absolute;
    top:20px;
    right:20px;
    display: inline-block;
    width:20px;
    height:20px;
    background: url(../images/bg-icon.png);
    background-position:-1px -396px;
}
.reg_page .reg-title a:hover{
    transform: rotate(360deg);
    transition: transform 1s;
}
.reg-content{
    overflow: hidden;
    padding-top:30px;
    padding-bottom: 50px;
     
}
.reg-content .rc-left{
    display: inline-block;
    float: left;
    width:268px;
    height: auto;
    margin-left: 43px;
    padding-right:42px;
    border-right:1px solid #aaa;
}
.reg-content  fieldset{
    
    text-align: center;
    color:#b2b2b2;
    border-top:1px solid #b2b2b2;
}
.reg-content .rc-left input{
    
    font-size: 14px;
    padding:10px 0px 10px 20px;
}
 form{
    
 }
 input[name="name"]{
    width:248px;
    margin-top:12px;
 }
 input[name="password"],input[name="password1"]{
    margin-top:20px;
    width:248px;
 }
 .rc-left .agree{
    margin-top:13px;
    font-size:14px;
    color:#b2b2b2;;
 }
 .rc-left a.submit{
    display: inline-block;
    width:268px;
    height:36px;
    margin-top:14px;
    margin-bottom:18px;
    background: #1aba78;
    text-align: center;
    line-height: 36px;
    color:#fff;
 }
 .rc-left a.submit:hover{
    background: #00B369;
 }
 .rc-left .forget{
    width:268px;

    color:#7f7f7f;
 }
 .rc-left .forget a{
    color:#1aba78;
 }
 .rc-left .forget a:hover{
    color:#00B369;
 }
 .rc-left a:nth-of-type(1){
    float:left;
 }
 .rc-left a:nth-of-type(2){
    float:right;
 }
 .rc-left span{
    float:right;
 }

  .reg-content .middle-line{
    height:;
  }
 .reg-content .rc-right{
    width: 152px;
    padding:0 30px;
    border-left:1px solid #e5e5e5;
    float:left;
    text-align: center;
 }
 .rc-right .qq{
    width:84px;
    height:84px;
    margin:12px auto 0;
    background: blue;

 }

.rc-right .ot{
    width:94px;
    height: 36px;
    margin:40px auto 0

}
.rc-right .weixin{
    display: inline-block;
    float:left;
    width:36px;
    height: 36px;
    background:green;
}
.rc-right .weibo{
    display: inline-block;
    float:right;
    width:36px;
    height: 36px;
    background: red;
}
/*----登录-----*/
 .log_page{
    display: inline-block;
    position: absolute;
    width:568px;
    left:50%;
    top:30%;
    margin-left:-234px;
    background: #fff;
    z-index:1000;
    display: none
}

.log_page .log-title{
    position: relative;
    text-align: center;
    line-height: ;
}
.log_page .log-title img{
    margin-top: 30px;
}
.log_page .log-title a{
    position: absolute;
    top:20px;
    right:20px;
    display: inline-block;
    width:20px;
    height:20px;
    background: url(../images/bg-icon.png);
    background-position:-1px -396px;
}
.log_page .log-title a:hover{
    transform: rotate(360deg);
    transition: transform 1s;
}
.log-content{
    overflow: hidden;
    padding-top:30px;
    padding-bottom:50px; 
}
.log-content .lc-left{
    display: inline-block;
    float: left;
    width:268px;
    height: auto;
    margin-left: 43px;
    padding-right:42px;
    border-right:1px solid #aaa;
}
.log-content  fieldset{
    
    text-align: center;
    color:#b2b2b2;
    border-top:1px solid #b2b2b2;
}
.log-content .lc-left input{
    
    font-size: 14px;
    padding:10px 0px 10px 20px;
}
 form{
    
 }
 input[name="name"]{
    width:248px;
    margin-top:12px;
 }
 input[name="password"],input[name="password1"]{
    margin-top:20px;
    width:248px;
 }
 .lc-left .agree{
    margin-top:13px;
    font-size:14px;
    color:#b2b2b2;;
 }
 .lc-left a.submit{
    display: inline-block;
    width:268px;
    height:36px;
    margin-top:14px;
    margin-bottom:18px;
    background: #1aba78;
    text-align: center;
    line-height: 36px;
    color:#fff;
 }
 .lc-left a.submit:hover{
    background: #00B369;
 }
 .lc-left .forget{
    width:268px;

    color:#7f7f7f;
 }
 .lc-left .forget a{
    color:#1aba78;
 }
 .lc-left .forget a:hover{
    color:#00B369;
 }
 .lc-left a:nth-of-type(1){
    float:left;
 }
 .lc-left a:nth-of-type(2){
    float:right;
 }
 .lc-left span{
    float:right;
 }

  .log-content .middle-line{
    height:;
  }
 .log-content .lc-right{
    width: 152px;
    padding:0 30px;
    border-left:1px solid #e5e5e5;
    float:left;
    text-align: center;
 }
 .lc-right .qq{
    width:84px;
    height:84px;
    margin:12px auto 0;
    background: blue;

 }

.lc-right .ot{
    width:94px;
    height: 36px;
    margin:40px auto 0

}
.lc-right .weixin{
    display: inline-block;
    float:left;
    width:36px;
    height: 36px;
    background:green;
}
.lc-right .weibo{
    display: inline-block;
    float:right;
    width:36px;
    height: 36px;
    background: red;
}
/*-----右侧固定栏-----*/
.rightside{
    display: inline-block;
    position: fixed;
    bottom:146px;
    right:5px;
    width:62px;
     
    z-index:10000;
    background: #fff;
}
.rightside a{
    display: inline-block;
    width:62px;
    height:82px;
    background:url(../images/position-right.png);
}
.rightside .code{
    position: absolute;
    width:144px;
    height:144px;
    left:-147px;
    background: url(../images/position-right.png) -133px -2px;
    display: none;
}
.rightside a:nth-of-type(1){
    background-position: 0 0;
}
.rightside a:nth-of-type(2){
    background-position: 0 -82px;
}
.rightside a:nth-of-type(3){
    background-position: 0 -164px;
}
.rightside a:nth-of-type(4){
    height:56px;
    background-position: 0 -247px;
}

.rightside a:nth-of-type(1):hover{
    background-position: -66px 0;
}
.rightside a:nth-of-type(2):hover{
    background-position: -66px -82px;
    position: relative;
}
.rightside a:nth-of-type(2):hover .code{
    display: block;
}
.rightside a:nth-of-type(3):hover{
    background-position: -66px -164px;
}
.rightside a:nth-of-type(4):hover{
    height:56px;
    background-position: -66px -247px;
}

/*---------------------------*/
section .k_title{
    width:auto;
    height:26px;
    margin:28px 0 32px 24px;
    font-size:20px;
}
.k_content {}

section .hot_title{
    width:auto;
    height:26px;
    margin:28px 0 32px;
    font-size:20px;
}
.hot_title li{
    display: inline-block;
    float:left;
}
.hot_title li a{
    display: inline-block;
    width:auto;
    height:auto;
    margin:0 22px;
    font-size:18px;
    color:#aaa;
}
.hot_title li a:hover{
    color:#009900;
}
.hot_title li a.active{
    color:#009900;
}
.hot_content{
    margin-top:30px;
    margin-left:22px;
    padding-bottom: 32px;
}
.hot_content .hc_item{
    display: none;
}
.hot_content .hc_item.active{
    display: block;
}

.hot_content .hc_item a{
    font-size:14px;
    color:#aaa;
    margin-right:18px;
    white-space: nowrap;
    line-height: 28px;
}
.hot_content .hc_item a:hover{
    color:#009900;
}








